import { DrawerForm } from '@ant-design/pro-form';
import { Divider, Image, Typography } from 'antd';

interface ContactDrawerProps {}

const ContactDrawer: React.FC<ContactDrawerProps> = () => {
  return (
    <DrawerForm
      key="contact_drawer"
      title="联系方式"
      trigger={
        <a
          style={{
            paddingLeft: '15px',
          }}
        >
          点击查看
        </a>
      }
      autoFocusFirstInput
      drawerProps={{
        size: 'large',
        forceRender: true,
        destroyOnClose: true,
        width: '600px',
      }}
      submitter={false}
    >
      <Typography.Title level={5}>欢迎各位领导、老师加入，提出您宝贵意见和建议</Typography.Title>
      <Typography.Title level={5}>联系方式：房一 13220207320（可添加微信咨询）</Typography.Title>
      <img
        src="/qr/qr-wechat-13220207320(已去底).jpg"
        style={{
          padding: '5px 50px',
          width: '100%',
          height: '100%',
          objectFit: 'cover',
        }}
      />
    </DrawerForm>
  );
};

export default ContactDrawer;
